.el-pagination {
  display: flex;
  justify-content: flex-end;
  padding: 2px 0;
  &__total {
    color: #333;
    font-size: 14px !important;
  }

  &--small {
    .el-pager > li,
    .el-pager > li:last-child,
    .btn-prev,
    .btn-next {
      font-weight: 400;
      color: @color-summary;
      font-size: @font-content;
      line-height: 22px;
      background-color: transparent;
      &[disabled],
      &[disabled]:hover {
        background: transparent;
      }
      &:hover {
        color: @color-primary;
      }
      &.active {
        color: #fff;
        background-color: @color-primary;
        border-radius: 2px;
      }
    }
  }

  &.is-background {
    .el-pager > li,
    .btn-prev,
    .btn-next {
      font-weight: 400;
      border: 1px solid @color-table;
      color: @color-summary;
      border-radius: 2px;
      background: #fff;
      height: 30px;
      line-height: 30px;
      &[disabled],
      &[disabled]:hover {
        border-color: @color-table;
        background: #fafafa;
      }
      &:hover {
        border-color: @color-primary;
      }
      &.active {
        border-color: @color-primary;
      }
    }
    .el-icon.more {
      color: #ccc;
      background: #fff;
      border: none;
    }
  }
  .el-input__suffix {
    right: 5px;
  }

  // 自定义页数 (需要添加slot？是否需要？)
  .pagination-custom {
    .el-button {
      color: @color-summary;
      &.is-disabled,
      &.is-disabled:hover {
        background: transparent;
        color: @color-sup;
      }
      &:hover {
        color: @color-primary;
      }
    }
    .el-input {
      width: 48px;
      & > input {
        font-size: @font-content;
        font-weight: 400;
        line-height: 22px;
        color: @color-summary;
      }
    }
    span {
      margin-left: 16px;
      font-weight: 400;
      color: @color-summary;
      i {
        margin-right: 15px;
      }
    }
  }
}
